<!DOCTYPE html>
<html>

<head>
    <meta charset='utf-8' />
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <title></title>
</head>

<body>
    <div class="con-bar">
        <input id="if_src" value="http://d1.dotnar.com/mobile.main.html#default/pay?ach_id="/>
        <button id="openiframe">访问</button>
    </div>
    <iframe id="frame1" frameborder="0"></iframe>
</body>

</html>
<script>
openiframe.addEventListener("click", function() {
    document.getElementById("frame1").src = if_src.value;
})
</script>
<style>
    html,body{
        height:100%;
    }
    .con-bar{
        height:5%;
    }
    #frame1{
        height:95%;
        border:1px solid #000;
        margin:-1px;
        padding:0;
    }
</style>